<template>
        <div id="echarts">
            <div class="box"></div>
        </div>
    </template>
    
    <script>
    
    export default {
        data() {
            return {}
        },
        mounted() {
                let option = {
                    title: {
                        text: "ECharts 入门示例"
                    },
                    tooltip: {},
                    legend: {
                        data: ["销量"]
                    },
                    xAxis: {
                        data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]
                    },
                    yAxis: {},
                    series: [
                        {
                            name: "销量",
                            type: "bar",
                            data: [5, 20, 36, 10, 10, 20]
                        }
                    ]
                };
                // 初始化实例对象  echarts.init(dom容器);
                let myChart = this.$echarts.init(document.querySelector(".box"));
                myChart.setOption(option);
            },
        methods: {
    
        }
    
    
    }
    </script>
    
    <style>
    .box {
        width: 300px;
        height: 300px;
        background-color: pink;
    }
    </style>